<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title><%= title %></title>
    <link rel="stylesheet" href="/stylesheets/aijiduo/contact-us.css">
    <script src="/javascripts/aijiduo/contact-us.js"></script>
    <% include ../common/common-resource.ejs %>
</head>
<body>
<% include ../aijiduo/header.ejs %>
<div class="container-fluid contact-us-container">

    <div class="row banner">

    </div>
    <div class="row map-content">
        <div class="left-side col-lg-1 col-lg-offset-1 col-md-2 col-md-offset-1 col-sm-2 col-sm-offset-1 col-xs-6 ">
            <div class="king-land choose-flag" id="1" onclick="goChoose(this)">
                <%= __('aijiduo.contact-us.map-content.king-land')%>
            </div>
            <div class="illage-farm" id="2" onclick="goChoose(this)">
                <%= __('aijiduo.contact-us.map-content.illage-farm')%>
            </div>
            <div class="qilong-farm" id="3" onclick="goChoose(this)">
                <%= __('aijiduo.contact-us.map-content.qilong-farm')%>
            </div>
        </div>
        <div class="center-side col-lg-6 col-md-6 col-sm-12+ col-xs-12 ">
            <div id="map-1" class="is-active">
                <div class="location">
                    <%= __('aijiduo.contact-us.map-content.map-1.location')%>
                </div>
                <div class="map">
                    <img src="/images/aijiduo/contact-us/map-king-land.png" alt="" />
                </div>
            </div>
            <div id="map-2" class="no-active">
                <div class="location">
                    <%= __('aijiduo.contact-us.map-content.map-2.location')%>
                </div>
                <div class="map">
                    <img src="/images/aijiduo/contact-us/map-illage.png" alt="" />
                </div>
            </div>
            <div id="map-3" class="no-active">
                <div class="location">
                    <%= __('aijiduo.contact-us.map-content.map-3.location')%>
                </div>
                <div class="map">
                    <img src="/images/aijiduo/contact-us/map-qilong.png" alt="" />
                </div>
            </div>
        </div>
        <div class="right-side col-lg-2 col-lg-offset-1 col-md-2 col-md-offset-1 col-sm-2 col-xs-12 ">
            <img src="/images/aijiduo/contact-us/phone.png" alt="" />
            <div class="switchboard-telephone">
                <span>
                    <%= __('aijiduo.contact-us.map-content.switchboard-telephone.span')%>
                </span>
                <p>
                    <%= __('aijiduo.contact-us.map-content.switchboard-telephone.p')%>
                </p>
            </div>
            <div class="fax">
                <span>
                    <%= __('aijiduo.contact-us.map-content.fax.span')%>
                </span>
                <p>
                    <%= __('aijiduo.contact-us.map-content.fax.p')%>
                </p>
            </div>
            <div class="customer-service-hotline">
                <span>
                    <%= __('aijiduo.contact-us.map-content.customer-service-hotline.span')%>
                </span>
                <p>
                    <%= __('aijiduo.contact-us.map-content.customer-service-hotline.p')%>
                </p>
            </div>
        </div>
    </div>
</div>

<% include ../aijiduo/footer.ejs %>
</body>
</html>
